<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>列表页</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/style1.css" />
  </head>
  <body>
    <!-- 头部导航开始 -->
    <div class="nav_bg">
        <div class="logo fl">
          <a href="#">
            <img src="./picture/20191281544491508.png" alt="" />
          </a>
        </div>
        <div class="nav" id="nav">
          <ul class="clearfix">
            <li>
              <a href="首页.html">首页</a>
            </li>
            <li>
              <a href="#" class="active">南极北极</a>
              <div class="subnav">
                <p><a href="#">南极线路</a></p>
                <p><a href="#">北极线路</a></p>
                <p><a href="#">南极百科</a></p>
                <p>
                  <a href="#">北极百科</a>
                </p>
                <p><a href="#">往期回顾</a></p>
              </div>
            </li>
  
            <li>
              <a href="列表页.html">南北极船票</a>
              <div class="subnav">
                <p><a href="#">南极船票预定</a></p>
                <p>
                  <a href="#">北极船票</a>
                </p>
                <p><a href="#">南北极点</a></p>
                <p><a href="#">选船攻略</a></p>
              </div>
            </li>
  
            <li>
              <a href="#">主题旅行</a>
              <div class="subnav">
                <p><a href="#">极致风光</a></p>
                <p><a href="#">人文旅行</a></p>
                <p><a href="#">野奢户外</a></p>
                <p><a href="#">奢享度假</a></p>
                <p><a href="#">主题百科</a></p>
                <p><a href="#">往期回顾</a></p>
              </div>
            </li>
  
            <li>
              <a href="详情页.html">定制线路</a>
            </li>
  
            <li>
              <a href="游学百科.html">国际游学</a>
              <div class="subnav">
                <p>
                  <a href="#">游学线路</a>
                </p>
                <p>
                  <a href="#">游学百科</a>
                </p>
              </div>
            </li>
  
            <li>
              <a href="#">目的地</a>
            </li>
  
            <li>
              <a href="悦行社区.html">悦行社区</a>
              <div class="subnav">
                <p><a href="#">旅行资讯</a></p>
                <p><a href="#">旅行百科</a></p>
                <p><a href="#">图说故事</a></p>
                <p><a href="#">南极船票</a></p>
                <p><a href="#">往期回顾</a></p>
                <p><a href="#">视频中心</a></p>
              </div>
            </li>
  
            <li>
              <a href="关于页.html">关于我们</a>
            </li>
          </ul>
        </div>
        <div class="user fr">
          <span class="iconfont">&#xe603;</span>
          <span>028-85435480</span>
          <span class="iconfont">&#xe603;</span>
          <span>400-8857-208</span>
          <span><a href="#">注册</a></span>
          <span>|</span>
          <span><a href="#">登录</a></span>
        </div>
    </div>
    <div class="top_nav" id="header">
    </div>
      <!-- 头部导航结束 -->

    <!-- 侧边栏开始 -->
    <div class="subnav">
      <ul>
        <li><a href="#">专属定制</a></li>
        <li>
          <a href="#"><span class="iconfont">&#xe63d;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe698;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe651;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe641;</span></a>
        </li>
      </ul>
      <a href="#header"><img src="./images/stop.png" alt="" /></a>
    </div>
    <!-- 侧边栏结束 -->

    <!-- 内容主体开始 -->
    <div class="main w">
      <div class="main_list">
        <div class="list_1 list_2">
          <dl>
            <dt>旅行时间</dt>
            <dd class="list_dd">所有</dd>
            <dd>一月</dd>
            <dd>二月</dd>
            <dd>三月</dd>
            <dd>四月</dd>
            <dd>五月</dd>
            <dd>六月</dd>
            <dd>七月</dd>
            <dd>八月</dd>
            <dd>九月</dd>
            <dd>十月</dd>
            <dd>十一月</dd>
            <dd>十二月</dd>
          </dl>
        </div>
        <div class="list_1">
            <dl>
              <dt>目的地</dt>
              <dd>热门<span class="iconfont">&#xe638;</span></dd>
              <dd>极地<span class="iconfont">&#xe638;</dd>
              <dd>非洲<span class="iconfont">&#xe638;</dd>
              <dd>美洲<span class="iconfont">&#xe638;</dd>
              <dd>欧洲<span class="iconfont">&#xe638;</dd>
              <dd>大洋洲<span class="iconfont">&#xe638;</dd>
              <dd>亚洲<span class="iconfont">&#xe638;</dd>
            </dl>
          </div>
          <div class="list_1">
            <dl>
              <dd>所有</dd>
              <dd>云南</dd>
              <dd>武夷山</dd>
              <dd>新疆</dd>
              <dd>敦煌</dd>
              <dd>内蒙古</dd>
              <dd>格鲁吉亚</dd>
              <dd>土耳其</dd>
              <dd>日本</dd>
              <dd>缅甸</dd>
              <dd>印度</dd>
              <dd>约旦</dd>
              <dd>以色列</dd>
            </dl>
          </div>
      </div>
    </div>
    <!-- 内容主体开始 -->

    <!-- 分类图片开始 -->
    <div class="list_img w">
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020621434554828_382-238.jpg" alt="" />
          <div class="money">￥2888000起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>破冰北极点 • 2021五十年胜利号远航探险之旅</p>
          <p>出行日期：2021年07月31日-2021年08月15日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020651639428185.jpg" alt="" />
          <div class="money">￥8900起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p class="i">寻找北极霸主 • 2021加拿大丘吉尔追逐北极熊之旅</p>
          <p>出行日期：2021年09月14日-2021年09月27日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;621</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020791758146959_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p class="i">寻找北极霸主 • 2021加拿大丘吉尔追逐北极熊之旅</p>
          <p class="time">出行日期：2021年09月14日-2021年10月03日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020791751507228_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/20207101030422363_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/20189711472202_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/20206181122132880_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020621434554828_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020621434554828_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <div class="pic2 fl">
        <div class="imgs">
          <div class="imgs_text">
            <span>自然</span>
            <span>轻探险</span>
            <span>摄影</span>
            <p>行程天数：17天</p>
          </div>
          <img src="./images/2020621434554828_382-238.jpg" alt="" />
          <div class="money">￥14600起</div>
        </div>
        <!-- 右面图片下面文字部分 -->
        <div class="about">
          <p>北极线路</p>
          <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
          <p>出行日期：2020年09月28日-2020年10月05日</p>
          <span class="iconfont">&#xe663;</span
          ><span class="iconfont">&#xe61a;2015</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
    </div>
    <!-- 分类图片结束 -->
    <!-- 尾部导航开始 -->
    <div class="footer">
      <div class="w">
        <div class="footer_nav">
          <a href="#">南极旅行报名处</a><span>|</span>
          <a href="#">主题旅行报名处</a><span>|</span> <a href="#">满意度调查</a
          ><span>|</span> <a href="#">旅行清单</a><span>|</span>
          <a href="#">加入我们</a><span>|</span> <a href="#">友情链接</a
          ><span>|</span>
          <a href="#">帮助中心</a>
        </div>
        <div class="footer_info">
          <span>
            地址:
            <a href="#">四川省成都市武侯区长华路19号万科·汇智中心2706-07</a>
          </span>
          <span class="ftel"
            >客服热线：400-8857-028 &nbsp;&nbsp;|&nbsp;&nbsp; 座机：028-85435480
          </span>
          <span>邮箱：</span>
          <span class="email">jt@joytraveller.com</span>
        </div>
        <div class="footer_user">
          <input type="text" placeholder="您的姓名" />
          <input type="text" placeholder="您的手机号码" />
          <button>提交</button>
          <p class="by">留下联系方式， 我们会尽快和您取得联系</p>
        </div>
        <div class="footer_w">
          <p>
            版权所有 2015 成都行之悦国际旅行社有限公司 All Rights Reserved
            <a href="https://beian.miit.gov.cn/" target="_blank">
              蜀ICP备16018295号-1</a
            >
            <a href="http://www.symansbon.cn/" target="_blank" class="itemLink"
              >网站设计：赛门仕博</a
            >
          </p>
          <p>
            声明：本网站部分图片来自网络，若作者看到，请尽快与行之悦旅行联系。
          </p>
        </div>
      </div>
    </div>
    <!-- 尾部导航结束 -->
  </body>
</html>
